<!DOCTYPE html>
<html>

<head>
    <title>工作台</title>
    <!--=include _head.html  -->
    <script src="./js/page/index.js" charset="utf-8"></script>
</head>
<!--  
    页面结构&组件对应关系
      ▁▁▁▁▁▁▁▁▁▁▁▁▁
     |=====head====▏
     |=n=▕▔▔▔▔▔▔▔▔▔▏
     |=a=▕   TAB   ▏
     |=v=▕▁▁▁▁▁▁▁▁▁▏
 -->

<body class="" style="overflow:hidden;">
    <div class="fa-layout layui-hide">
        <!--头部-->
        <div class="fa-header">
            <a class="fa-logo" href="./index.html">
                <img src="./images/logo.png" alt="logo" />
                <cite>FishAdmin</cite>
            </a>
            <ul class="layui-nav fa-nav-left">
                <li class="layui-nav-item  fa-side-switch" fa-event="side-switch">
                    <a><em class=" layui-icon layui-icon-shrink-right"></em></a>
                    <a><em class=" layui-icon layui-icon-spread-left  "></em></a>
                </li>
                <li class="layui-nav-item " fa-event="refresh">
                    <a><em class="fa-refresh layui-icon  layui-icon-refresh"></em></a>
                </li>
            </ul>
            <ul class="layui-nav fa-nav-right">
                <li class="layui-nav-item" fa-event="message">
                    <a title="消息">
                        <em class="layui-icon layui-icon-notice"></em>
                        <span class="layui-badge-dot"></span>
                    </a>
                </li>
                <li class="layui-nav-item" fa-event="note">
                    <a title="便签"><em class="layui-icon layui-icon-note"></em></a>
                </li>
                <li class="layui-nav-item layui-hide-xs" fa-event="fullscreen">
                    <a title="全屏"><em class="layui-icon fa-fullscreen-btn"></em></a>
                </li>
                <li class="layui-nav-item" fa-event="lock-screen">
                    <a title="设置"><em class="layui-icon layui-icon-password"></em></a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><img src="//t.cn/RCzsdCq" class="layui-nav-img">管理员</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">个人中心</a></dd>
                        <dd><a href="javascript:;">退了</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" fa-event="setting">
                    <a title="设置"><em class="layui-icon layui-icon-set-sm"></em></a>
                </li>
            </ul>
        </div>
        <!-- 侧边-->
        <div class="fa-side ">
            <ul class="fa-nav-box fa-nav "></ul>
        </div>
        <!-- 内容-->
        <div class="fa-main">
            <div class="fa-tab">
                <div class="fa-tab-prev layui-icon layui-icon-prev"></div>
                <div class="fa-tab-next layui-icon layui-icon-next"></div>
                <div class="fa-tab-ctr layui-icon layui-icon-down"></div>
                <ul class="fa-tab-ctr-more">
                    <li fa-event="refresh">刷新</li>
                    <li fa-event="closeOth">关闭其他</li>
                    <li fa-event="closeAll">关闭全部</li>
                </ul>
                <div class="fa-tab-pan">
                    <ul></ul>
                </div>
            </div>
            <div class="fa-content "></div>
        </div>
        <!-- fotter -->
        <div class="fa-footer layui-text">
            copyright © 2021 fish-admin all rights reserved.
            <cite>Version 0.0.1</cite>
        </div>
        <!-- 设置-->
        <script type="text/html" class="fa-hide" id="setting">
            <div class="fa-ctl">
                <form class="layui-form" lay-filter="setting">
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>主题设置</legend>
                        <div class="fa-ctl-theme">
                            <img src="./images/theme-cyan.png" alt="theme-cyan" />
                            <img src="./images/theme-white.png" alt="theme-white" />
                            <img src="./images/theme-green.png" alt="theme-green" />
                            <img src="./images/theme-red.png" alt="theme-red" />
                        </div>
                    </fieldset>
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>导航箭头</legend>
                        <div class="layui-form-item">
                            <input type="radio" name="navMoreCls" value="" title="默认" lay-filter="navMoreCls">
                            <input type="radio" name="navMoreCls" value="more-down" title="箭头" lay-filter="navMoreCls">
                            <input type="radio" name="navMoreCls" value="more-add" title="加号" lay-filter="navMoreCls">
                        </div>
                    </fieldset>
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>其他行为</legend>
                        <div class="layui-form-item">
                            <input type="checkbox" name="animStatus" title="动画效果" value="fa-anim"
                                lay-filter="animStatus">
                            <input type="checkbox" name="holdSideStatus" title="菜单状态" lay-filter='holdSideStatus'>
                            <input type="checkbox" name="like[game]" title="游戏">
                        </div>
                    </fieldset>
                </form>
            </div>
        </script>
        <div class="fa-lock-box fa-hide">
            <div class="fa-lock-screen  s2">
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input id="lock-password" type="password" required lay-verify="required"
                            placeholder="输入密码123456" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>